<template>
    <img :src="mess.img_src" :height="imgHeight" :width="imgHeight" @click="goOtherPage">
</template>

<script>
    export default {
        name: "PurchaseRoute_Button",
      props:{
        mess:{},
        imgHeight:Number,
      },
      methods:{
        goOtherPage(){
          if(this.mess.link.indexOf('http')>-1){
            window.open(this.mess.link);
          } else {
            window.open('http://' + this.mess.link);
          }
        }
      },

    }
</script>

<style scoped>
  img{
    background: rgba(0,0,0,0);
    margin:10px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #c9c9ca;
  }
</style>
